<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学生花名册</title>
    <style>
        table {
            margin: 0 auto;
            width: 50%;
            border-collapse: collapse;
        }
        th,td{
            border: 1px solid black;
            padding: 8px;
            text-align: center;
        }
        th{
            background-color: #f2f2f2;
        }
    </style>
<body>
   
    
        <h2 style="text-align: center;">学生花名册</h2>
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>学号</th>
                    <th>班级</th>
                    <th>联系方式</th>
                </tr>
            </thead>
            <thead>
                <tr>
                    <th>张三</th>
                    <th>22245574</th>
                    <th>22级计算机</th>
                    <th>15458465</th>
                    <td>
                        <button
                    </td>
                </tr>
                <tr>
                    <th>李四</th>
                    <th>22245575</th>
                    <th>22级软件</th>
                    <th>11448745</th>
                </tr>
                <tr>
                    <th>王五</th>
                    <th>22245576</th>
                    <th>22级人工智能</th>
                    <th>13788545</th>
                </tr>
            </thead>
            <tbody id="courseList">
            </tbody>
        </table>
    

</body>
</html>
